<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="Header.jsp"/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>User Detail List</title>
</head>
<body>

<script >
$(document).ready(function() {
	oTable = $('#example').dataTable({
		"bJQueryUI": true,
		"sPaginationType": "full_numbers"
	});
} );

</script>

<jsp:include page="AdminNav.jsp"/>
	<h2>User Detail List</h2>
	<div class="col-md-10 panel panel-success">
	<table id="example" style="text-align: center;" cellpadding="0" cellspacing="0"
		border="1px">
		<thead>
			<tr>
				<th>Name:</th>
				<th>Role:</th>
				<th>Reporting To:</th>
				<th>Edit/Delete</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="userList" items="${userCon}">
				<tr>

					<td>${userList.employeeId.name}</td>
					<td>${userList.employeeId.role}</td>
					<td>${userList.employeeId.reportingTo.name}</td>
					<td><a href="${pageContext.request.contextPath}/userdetail/edit/${userList.userId}.html">Edit</a><br />
						<a href="${pageContext.request.contextPath}/userdetail/delete/${userList.userId}.html">Delete</a><br /></td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	</div>
	<jsp:include page="footer.jsp"/>
</body>
</html>